<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="pl" uri="http://uyunsky.cn/jstl/pl" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ include file="/jsp/common.jsp" %>
<html>
<head>
    <title>标签库使用</title>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnSave").click(function(){
                var data = PL.getData("demo0");
                PL.readonly("demo0",true);
                alert(JSON.stringify(data));
            });
        });
    </script>
</head>
<body>
<div>
    <form id="demo0">
        <table class="formtable">
            <caption>查询条件</caption>
            <tr>
                <td class="a">文本</td>
                <td><pl:textfield id="field1" require="true"/></td>
            </tr>
            <tr>
                <td class="a">数值</td>
                <td><pl:numberfield id="field2" require="true"/></td>
            </tr>
            <tr>
                <td class="a">日期</td>
                <td><pl:datefield id="field3" require="true"/></td>
            </tr>
            <tr>
                <td class="a">列表</td>
                <td><pl:comboxfield id="field4" combox="state" require="true"/></td>
            </tr>
            <tr>
                <td class="a">文本域</td>
                <td><pl:textarea id="field5" require="true"/></td>
            </tr>
        </table>
    </form>
</div>

<div style="text-align: center">
    <pl:button id="btnSave" value="提交"/>
</div>
</body>
</html>